<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{% block title %}专注时钟{% endblock %}</title>
    <link rel="stylesheet" href="{{ url_for('static', filename='css/normalize.css') }}">
    <link rel="stylesheet" href="{{ url_for('static', filename='css/main.css') }}">
    {% block styles %}{% endblock %}
</head>
<body class="theme-light">
    <header class="main-header">
        <div class="container">
            <div class="logo">
                <h1><a href="{{ url_for('main.index') }}">专注时钟</a></h1>
            </div>
            <nav class="main-nav">
                <ul>
                    <li><a href="{{ url_for('main.index') }}" class="{% if request.endpoint == 'main.index' %}active{% endif %}">专注</a></li>
                    <li><a href="{{ url_for('main.goals') }}" class="{% if request.endpoint == 'main.goals' %}active{% endif %}">目标</a></li>
                    <li><a href="{{ url_for('main.statistics') }}" class="{% if request.endpoint == 'main.statistics' %}active{% endif %}">统计</a></li>
                    <li><a href="{{ url_for('main.settings') }}" class="{% if request.endpoint == 'main.settings' %}active{% endif %}">设置</a></li>
                </ul>
            </nav>
        </div>
    </header>

    <main class="main-content">
        <div class="container">
            {% block content %}{% endblock %}
        </div>
    </main>

    <footer class="main-footer">
        <div class="container">
            <p>&copy; 2025 专注时钟应用 | <a href="#">关于</a> | <a href="#">帮助</a></p>
        </div>
    </footer>

    <script src="{{ url_for('static', filename='js/main.js') }}"></script>
    {% block scripts %}{% endblock %}
</body>
</html> 